<!DOCTYPE html>
<html lang="en">
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Site Metas -->
<title>Pick your best roommate</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- Bootstrap core CSS -->
<link href="static/css/bootstrap.css" rel="stylesheet">
<!-- FontAwesome Icons core CSS -->
<link href="static/css/font-awesome.min.css" rel="stylesheet">
<!-- Custom animate styles for this template -->
<link href="static/css/animate.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="static/css/style.css" rel="stylesheet">
<!-- Responsive styles for this template -->
<link href="static/css/responsive.css" rel="stylesheet">
<!-- Colors for this template -->
<link href="static/css/colors.css" rel="stylesheet">
<!-- light box gallery -->
<link href="static/css/ekko-lightbox.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<body id="inner_page" class="error_page">
<!-- loader -->
<div id="preloader">
    <img class="preloader" src="static/picture/loader.gif" alt="">
</div>
<!-- end loader -->
<!-- price table section -->
<section class="layout_padding error_section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="full text_align_center margin_bottom_20">
                    <h2>404</h2>
                    <p class="large">Oops! Page Not Found</p>
                    <p>The page you are looking for might have been removed, had its name changed,<br>or is temporarily unavailable.</p>
                </div>
                <div class="full">
                    <div class="center">
                        <a class="main_bt" href="Home.html">Return Home</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end price table section -->
<!-- Core JavaScript
   ================================================== -->
<script src="static/js/jquery.min.js"></script>
<script src="static/js/tether.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/parallax.js"></script>
<script src="static/js/animate.js"></script>
<script src="static/js/ekko-lightbox.js"></script>
<script src="static/js/custom.js"></script>
</body>
</html>
